<!DOCtype html>
<html ng-app="advertiserApp">
	 <head>
	     <meta charset= "utf-8"/>
		 <title>账户充值</title>
		 <script type="text/javascript" src="/Lvscore_Advertiser_Maven/advertiserWeb/static/vendor/angular/angular.min.js"></script>
		 <script type="text/javascript" src="/Lvscore_Advertiser_Maven/advertiserWeb/static/vendor/jquery/dist/jquery.min.js"></script>		 		 
		 <script type="text/javascript" src="/Lvscore_Advertiser_Maven/advertiserWeb/static/vendor/bootstrap/dist/js/bootstrap.min.js"></script>			
		 <script type="text/javascript" src="/Lvscore_Advertiser_Maven/advertiserWeb/static/js/mainApp.js"></script>			 			 
		 <script type="text/javascript" src="/Lvscore_Advertiser_Maven/advertiserWeb/controller/advertiserCtrl.js"></script>	        	
		 <script type="text/javascript" src="/Lvscore_Advertiser_Maven/advertiserWeb/static/js/main.js"></script>		    
		 <link rel="stylesheet" href="/Lvscore_Advertiser_Maven/advertiserWeb/static/vendor/bootstrap/dist/css/bootstrap.min.css" />
		 <link rel="stylesheet" href="/Lvscore_Advertiser_Maven/advertiserWeb/static/vendor/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" />
		 <link rel="stylesheet" href="/Lvscore_Advertiser_Maven/advertiserWeb/static/styles/table.css" />
		 <link rel="stylesheet" href="/Lvscore_Advertiser_Maven/advertiserWeb/static/styles/layout.css" />
		 <link rel="stylesheet" href="/Lvscore_Advertiser_Maven/advertiserWeb/static/styles/main.css" />
		 <link rel="shortcut icon" href="/Lvscore_Advertiser_Maven/advertiserWeb/static/favicon.ico" />
		 <link rel="bookmark" href="/Lvscore_Advertiser_Maven/advertiserWeb/static/favicon.ico" />
		 <style>
		 .errorDiv{position:relative;}
		 #error_pay{position:absolute;font-size:12px;color: red;top:0;left:55%;line-height:32px;}
		 .content .selectBankBox .fastPayBox .fastPayCardInfo .deviSpan{padding:0 15px;color:black;}
		 .content .selectBankBox .fastPayBox .fastPayCardInfo .deviLabel{margin-left:0;}
		 .fastPayInputPwd{position:relative;}
		 #forgetPwd{text-decoration:none;}
	     #payMoney{color:red;position:absolute;font-size:17px;top:-74px;right:0;}
	     #payMoney i{color:grey;}
	     #cardPayBtn{margin-left:546px;width:105px;height:32px;line-height:32px;}
		 </style>
	 </head>
	 <body ng-controller="advertiserCtrl">	
	 <input type="hidden" id="realMoney" value="">
         <div class="headerBox"></div>
         <div class="nav"><ul></ul></div>
		 <div class="content">
         <!-- begin -->		 
		     <div class="websiteMapBox">
			     <span>当前页面></span>
				 <span>账户充值</span>
			 </div>
		     <div class="itemEditForm" style="margin:48px auto">			     			 
				 <p class="title">
				     <span>账户充值</span>					 
				 </p>
				 <div style="text-align:center">
				     <label>充值金额:</label>
				     <label id="money"></label><span>元</span>
				 </div>
			 </div>		     						 
		     <div class="selectBankBox">
			     <div class="titleBox">
				     <button class="left margin-20" id="cardPay">银行卡支付</button>
				     <button class="left select" id="fastPay">快捷支付</button>
					 <div class="clear"></div>
				 </div>
				 <div class="imgBox hide">
				 <ul>
				     <li>
					     <input class="left" type="radio" name="bankCard" value="1" />
					     <div class="left bankImgIcon bankImgPos1"></div>
						 <div class="clear"></div>
					 </li>
					 <li>
					     <input class="left" type="radio" name="bankCard" value="2"/>
					     <div class="left bankImgIcon bankImgPos2"></div>
						 <div class="clear"></div>
					 </li>
					 <li>
					     <input class="left" type="radio" name="bankCard" value="3"/>
					     <div class="left bankImgIcon bankImgPos3"></div>
						 <div class="clear"></div>
					 </li>
					 <li>
					     <input class="left" type="radio" name="bankCard" value="4"/>
					     <div class="left bankImgIcon bankImgPos4"></div>
						 <div class="clear"></div>
					 </li>
					 <li>
					     <input class="left" type="radio" name="bankCard" value="5"/>
					     <div class="left bankImgIcon bankImgPos5"></div>
						 <div class="clear"></div>
					 </li>
					 <li>
					     <input class="left" type="radio" name="bankCard" value="6"/>
					     <div class="left bankImgIcon bankImgPos6"></div>
						 <div class="clear"></div>
					 </li>
					 <li>
					     <input class="left" type="radio" name="bankCard" value="7"/>
					     <div class="left bankImgIcon bankImgPos7"></div>
						 <div class="clear"></div>
					 </li>
					 <li>
					     <input class="left" type="radio" name="bankCard" value="8"/>
					     <div class="left bankImgIcon bankImgPos8"></div>
						 <div class="clear"></div>
					 </li>
					 <li>
					     <input class="left" type="radio" name="bankCard" value="9"/>
					     <div class="left bankImgIcon bankImgPos9"></div>
						 <div class="clear"></div>
					 </li>
					 <li>
					     <input class="left" type="radio" name="bankCard" value="10"/>
					     <div class="left bankImgIcon bankImgPos10"></div>
						 <div class="clear"></div>
					 </li>
					 <li>
					     <input class="left" type="radio" name="bankCard" value="11"/>
					     <div class="left bankImgIcon bankImgPos11"></div>
						 <div class="clear"></div>
					 </li>
					 <li>
					     <input class="left" type="radio" name="bankCard" value="12"/>
					     <div class="left bankImgIcon bankImgPos12"></div>
						 <div class="clear"></div>
					 </li>
					 <li>
					     <input class="left" type="radio" name="bankCard" value="13"/>
					     <div class="left bankImgIcon bankImgPos13"></div>
						 <div class="clear"></div>
					 </li>
					 <li>
					     <input class="left" type="radio" name="bankCard" value="14"/>
					     <div class="left bankImgIcon bankImgPos14"></div>
						 <div class="clear"></div>
					 </li>
					 <li>
					     <input class="left" type="radio" name="bankCard" value="15"/>
					     <div class="left bankImgIcon bankImgPos15"></div>
						 <div class="clear"></div>
					 </li>
					 <div class="clear"></div>
				 </ul>			
				 <div class="errorDiv">
					 <a id="fastPayBtn"  class="btn btn-primary bankCardSubmit hide">确定</a>
				 	 <span id="error_pay"></span>
				 </div>
			     
			 </div>
			 <div class="fastPayBox show">
			     <button class="btn btn-primary"  id='chickPay'>    添加快捷支付</button>
				 <div class="fastPayCardBox">
				 	 
			       <div  class="fastPayCardInfo">
			    <!--  <input type="radio" name="fastPayRadio" />
						 <label>招商银行</label>
						 <label>**2895</label>
						 <label>储蓄卡</label>|
						 <label>快捷</label>
						 <label><span>支付919.00元</span></label>	  
							 -->			 
				     </div>
				   
					 <div class="fastPayInputPwd">
					 	 <span id="payMoney"><i>支付</i>919.00<i>元</i></span>
					     <p class="title">微积分支付密码：</p>
						 <div class="form-group form-inline">
						     <input type="password" id="payPwd" class="form-control"/>
							 <a id="forgetPwd" href="javascript:location.href='/Lvscore_Advertiser_Maven/advertiserWeb/views/userCenter/recharge/checkMail.html?'+escape('selectedNav=0&navPos=3')">忘记密码？</a>
						 <span id="error_pwd" style="font-size:12px;color: red;"></span>
						 </div>
					 </div>
			    
			 </div>				 
		     <a id="cardPayBtn"  class="btn btn-primary bankCardSubmit show">充值</a>
		 </div>
		 <!-- end -->
    </div>	
		  
         <script type="text/javascript">
		     $("#cardPay").click(function(){
			     $(this).addClass("select");
			     $("#fastPay").removeClass("select");
				 $(".imgBox").toggleClass("show hide");
				 $(".fastPayBox").toggleClass("hide show");
				 $("#fastPayBtn").toggleClass("show hide");
				 $("#cardPayBtn").toggleClass("hide show");
			 });
			 $("#fastPay").click(function(){
			     $(this).addClass("select");
			     $("#cardPay").removeClass("select");
				 $(".imgBox").toggleClass("hide show");
				 $(".fastPayBox").toggleClass("show hide");
				 $("#fastPayBtn").toggleClass("hide show");
				 $("#cardPayBtn").toggleClass("show hide");
			 });
		 </script>
	<script type="text/javascript" src="/Lvscore_Advertiser_Maven/advertiserWeb/controller/userCenter/recharge/selectBank.js"></script>	 		 
	 </body>
</html>